<template>
  <div>
    <p>{{ age }}</p>
    <button @click="changeAge">改变年龄</button>
  </div>
</template>

<script setup lang="ts">
// 需要把普通的变量 定义成 响应式对象, 才可数据驱动视图更新
let age = 18
const changeAge = () => {
  age++
  console.log(age);
}
</script>